body {
    margin: 0;
    padding: 0;
}

#head {
    height: 56px;
    background: #FFFFFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20);
    /*background-color:dodgerblue;*/
    /*width:100%;*/
    /*margin:0;*/
}

.back {
    width: 56px;
    height: 56px;
    float: left;
    opacity: 100%;
    background: #1563D1;
    line-height: 56px;
    text-align: center
}

.layerTitle {
    width: 112px;
    height: 56px;
    float: left;
    opacity: 100%;
    background: #F0F0F0;
    line-height: 56px;
    text-align: center
}

.layerTitle .layerFonts {
    display: inline-block;
    font-family: PingFangSC-Regular;
    vertical-align: middle;
    /*设置该元素在父元素中的位置*/
    font-size: 16px;
    color: #1563D1;
}

#content {
    width: 100%;
    height: calc(100% - 56px);
    margin: 0;
}

#leftBar {
    position: absolute;
    width: 56px;
    height: calc(100% - 56px);
    background: #FFFFFF;
    z-index: 14;
}

#layerContent {
    position: absolute;
    width: 100%;
    height: calc(100% - 56px);
}

#layer {
    position: absolute;
    top: 0px;
    width: 256px;
    height: calc(100% - 56px);
    background: #F0F0F0;
    display: none;
    margin-left: 56px;
    z-index: 13;
}

#table {
    position: absolute;
    bottom: 0px;
    left: 260px;
    width: calc(100% - 366px);
    height: 300px;
    background: #F0F0F0;
    display: none;
    margin-left: 56px;
    z-index: 13;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20);
}

.tabletitle {
    font-size: large;
    margin-top: 6px;
    margin-left: 48%;
    align-content: center;
}

.closerightbtn {
    float: right;
    margin-top: 6px;
    margin-right: 6px;
}

.tablecontent {
    height: 240px;
    overflow: auto;
    left: 0px;
    width: 100%;
}

#layer_item1 {
    position: relative;
    /*top:0px;*/
    /*padding: 10px;*/
    width: 256px;
    height: 56px;
    /*height:138px;*/
    background: #F0F0F0;
    /*border: 1px solid white;*/
    /*display:none;*/
    margin-top: 0px;
    z-index: 14;
}

#layer_item2 {
    position: relative;
    overflow-y: scroll;
    /*top:0px;*/
    height: calc(102.2% - 18px);
    background: #F0F0F0;
    /*border: 1px solid white;*/
    /*margin-top: 56px;*/
    /*margin-left: 20px;*/
    z-index: 15;
}

#treeLi {
    position: relative;
    /*height:100%;*/
    background: #F0F0F0;
    z-index: 16;
    margin-top: 16px;
}

#layer_add {
    position: relative;
    width: 112px;
    height: 32px;
    /*background: #F0F0F0;*/
    z-index: 17;
    line-height: 32px;
    margin-top: 17px;
    margin-left: 16px;
    background: #1563D1;
    border-radius: 4px;
    text-align: center
}

#batchRemove {
    position: absolute;
    top: 8px;
    left: 200px;
    cursor: pointer;
}

#left-layer:hover {
    width: 56px;
    height: 56px;
    float: left;
    opacity: 100%;
    background: #F0F0F0;
    line-height: 56px;
}

#left-layer.active {
    width: 56px;
    height: 56px;
    float: left;
    opacity: 100%;
    background: #F0F0F0;
    line-height: 56px;
}

.layui-form-label {
    width: 80px!important;
    padding-left: 0px!important;
    color: black;
}